<!--头部公共部分-->
{include file="common/header" /}
<div class="x-nav">
      <span class="layui-breadcrumb">
        <a>首页</a>
        <a>系统</a>
        <a>通知列表</a>
        <a>
          <cite>通知详情</cite></a>
      </span>
    <a class="layui-btn layui-btn-xs layui-btn-small" style="float:right;margin-top: 10px;"
       href="javascript:location.replace(location.href);" title="刷新">
        <i class="layui-icon layui-icon-refresh"></i> </a>
</div>
<div style="padding:15px;">
    <div class="layui-form layui-form-pane">
        <div class="layui-form-item">
            <label class="layui-form-label">通知名称</label>
            <div class="layui-input-block">
                <input type="text" autocomplete="off" class="layui-input" readonly value="{$myNotice.notice_name}">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">通知时间</label>
            <div class="layui-input-block">
                <input type="text" autocomplete="off" class="layui-input" readonly  value="{$myNotice.notice_time}">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">音频</label>
            <div class="layui-input-block">
                {if $myNotice.audio == ''}
                <div class="layui-table-link">
                    <i class="layui-icon layui-icon-speaker" style="width: 300px;height: 300px;line-height: 38px;
    margin-left: 10px;"></i>
                </div>
                {else/}
                <a href="{$myNotice.audio}" target="_blank" class="layui-table-link">
                    <i class="layui-icon layui-icon-speaker" style="width: 300px;height: 300px;line-height: 38px;
    margin-left: 10px;"></i>
                </a>
                {/if}
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">视频</label>
            <div class="layui-input-block">
                {if $myNotice.video == ''}
                <div class="layui-table-link">
                    <i class="layui-icon layui-icon-video"  style="width: 300px;height: 300px;line-height: 38px;
    margin-left: 10px;"></i>
                </div>
                {else/}
                <a href="{$myNotice.video}" target="_blank" class="layui-table-link">
                    <i class="layui-icon layui-icon-video"  style="width: 300px;height: 300px;line-height: 38px;
    margin-left: 10px;"></i>
                </a>
                {/if}
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">图片</label>
            <div class="layui-input-block">
                {if $myNotice.picture == ''}
                <div class="layui-table-link">
                    <i class="layui-icon layui-icon-picture"  style="width: 300px;height: 300px;line-height: 38px;
    margin-left: 10px;"></i>
                </div>
                {else/}
                <a href="{$myNotice.picture}"  target="_blank" class="layui-table-link">
                    <img src="{$myNotice.picture}" style="width: 38px;height: 38px;
    margin-left: 10px;"/>
                </a>
                {/if}
            </div>
        </div>
        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">具体内容</label>
            <div class="layui-input-block">
                <textarea class="layui-textarea" readonly>{$myNotice.content}</textarea>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <a class="layui-btn" id="cancel">返回</a>
            </div>
        </div>
    </div>
</div>
<!--底部公共部分-->
{include file="common/footer" /}
<script>
    layui.use(['table','element', 'layer'], function () {
        let $ = layui.$;
        $('#cancel').click(function () {
            location.href = "{:url('System/notice')}";
        });
    });
</script>